import * as React from "react";
import { connect } from "react-redux";
import { Button } from "../../components";

interface IJoyPadProps {
    [x: string]: any;
}

interface IJoyPadState {
    [x: string]: any;
}

class JoyPad extends React.Component<IJoyPadProps, IJoyPadState> {

    constructor(props: IJoyPadProps) {
        super(props);
    }

    public render() {
        return (
            <div>
            <Button label="Level" top={20} left={80} />
            <Button label="Left" top={5} left={30} />
            <Button label="Right" top={-62} left={128} />
            <Button label="Speed" top={-80} left={78} />
            </div>
        );
    }
}
const mapStateToProps = (state: { [x: string]: any }, ownState: { [x: string]: any }) => ({
});

const mapDispatchToProps = (dispatch: (action: { type: string, payload: any }) => any) => ({
});

export default connect(mapStateToProps, mapDispatchToProps)(JoyPad);
